<template>
	<!-- 企业查看学生投递的简历的测试界面 -->
	<view>
		<u-navbar :is-back="true" title="简历审核"></u-navbar>
		<view v-for="(resume,index) in resumes" :key="resume.id" class="card">
			<view class="top">
				<view class="top-left">
					<view class="name">{{resume.name}}  </view>
					<view class="school">{{resume.age}}岁 {{resume.school}}</view>
					<view class="yixiang">{{resume.yixaing}}</view>
				</view>
				<view class="top-right"><u-avatar :src="resume.avatar" :show-sex="true" :sex-icon="resume.sex"></u-avatar></view>
			</view>
			<view class="geren">{{resume.geren}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				resumes:[{
					id:1,
					name:'梁琨',
					sex:'man',
					age:21,
					avatar:'../../../static/img/lk.jpg',
					yixaing:'java开发',
					school:'湖南师范大学·软件工程',
					xiangzi:'4-6k',
					geren:'这里是梁琨的自我介绍。'
				},{
					id:2,
					name:'李青',
					sex:'woman',
					age:20,
					avatar:'http://cdn.ido.hpjpw.com/profile/avatar/2021/03/16/8ffd0402-debf-44ff-be13-c593e5c767d6.jpg',
					yixaing:'酒店管理',
					xiangzi:'4-6k',
					school:'湖南师范大学·酒店管理',
					geren:'本人在校期间努力学习，在大一大二都取得不错的成绩，连续获得国家奖学金,同时我也性格热情，善于与人打交道，服务态度好'
				},{
					id:3,
					name:'王汝丹',
					sex:'woman',
					age:21,
					avatar:'../../../static/img/cc.jpg',
					yixaing:'酒店管理',
					xiangzi:'4-6k',
					school:'湖南师范大学·酒店管理',
					geren:'本人在校期间努力学习，在大一大二都取得不错的成绩，连续获得两年校一等奖学金，挑战杯省三等奖。在专业技能方面也是'
				},
				]
			};
		}
	}
</script>

<style lang="scss">
page{
	background-color: #f9f9f9;
}

.card{
	margin: 20rpx 10rpx;
	background-color: #fff;
	border-radius: 10rpx;
	padding: 10rpx;
	.top{
		display: flex;
		justify-content:space-between;
		align-items: center;
		border-bottom: solid 1px #F0F0F0;
		padding: 10rpx 0;
		&-left{
			.name{
				// color: black;
				font-weight: bold;
				font-size: 1.1em;
			}
		}
		&-right{
			
		}
	}
	.geren{
		  display:-webkit-box;
		    overflow:hidden;
		    /*autoprefixer:off*/
		    -webkit-box-orient:vertical;
		    /*autoprefixer:on*/
		    -webkit-line-clamp:2;
		    text-overflow:ellipsis;
	}
}
</style>
